<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
<link rel="stylesheet" href="css/mobile.css">
<link rel="stylesheet" href="css/pc.css">
<title>来赚吧，平台设计 平台宗旨，打造一个人人皆创业，上班族兼职的老百姓增收平台</title>
<script language="javascript" type="text/javascript" src="js/3rd/vue.js"></script>
<script language="javascript" type="text/javascript" src="js/3rd/jquery-3.1.1.min.js"></script>
<script language="javascript" type="text/javascript" src="js/3rd/vue-router.min.js"></script>
<script language="javascript" type="text/javascript" src="js/3rd/vue.min.js"></script>
<script language="javascript" type="text/javascript" src="js/3rd/require.js"></script>
<script language="javascript" type="text/javascript" src="js/3rd/underscore-min.js"></script>
</head>
<body>

<div id="wapHomepage" class="wap-homepage">
  <div class="wap-header">来赚吧</div>
  <div class="bannner-bd">
     <swiper v-ref:swiper="v-ref:swiper" direction="horizontal" 
      :mousewheel-control="false" 
      :performance-mode="true" 
      :pagination-visible="true" 
      :pagination-clickable="true"
      :loop="true">
          <div class="change-banner" v-for="banner in bannerData" @click="goUrl(banner.url)">
              <img :src="banner.imageUrl"/>
          </div>
      </swiper>
    <!-- <a href="/publicBundle/becomeVip.mobile.html"><img src="image/banner1.jpg"></a> -->
  </div>
  <div class="message-bd" > 
    <span></span>
    <div id="moocBox" style="overflow:hidden"> 
       <ul id="con1"> 
          <li class="message" v-for="notice in noticeData">{{notice.title}}：{{notice.content}}</li>
       </ul>
       <ul id="con2">
       </ul>
    </div> 
  
  </div>
  <div class="product-content"> 
    <div class="row-content"> 
        <a class="left-block"  href="/userBundle/applayPos.mobile.html#1"> 
            <div class="ico"><img src="image/product_ico_1.jpg"></div>
            <div class="title">认购吉祥三宝</div>
            <div class="info">首创矿机 刷卡得积分</div>
        </a>
        <div class="line"></div>
        <a class="right-block" href="publicBundle/getProject.mobile.html#2"> 
            <div class="ico"><img src="image/product_ico_2.jpg"></div>
            <div class="title">申办信用卡</div>
            <div class="info">申办 推荐信用卡赚钱</div>
        </a>
    </div>
    <div class="border-bottm-line"></div>
    <div class="row-content"> 
        <a class="left-block" href="publicBundle/getProject.mobile.html#3"> 
            <div class="ico"><img src="image/huishou.png"></div>
            <div class="title">闲置换钱</div>
            <div class="info">有闲置物品换钱</div>
        </a>
        <div class="line"></div>
        <a class="right-block" href="publicBundle/getProject.mobile.html#4"> 
            <div class="ico"><img src="image/product_ico_4.jpg"></div>
            <div class="title">买车险寿险</div>
            <div class="info">购买 推荐保险赚钱</div>
        </a>
    </div>
    <div class="border-bottm-line"></div>
    <div class="row-content"> 
        <a class="left-block" href="publicBundle/getProject.mobile.html#5"> 
            <div class="ico"><img src="image/product_ico_5.jpg"></div>
            <div class="title">我要贷款</div>
            <div class="info">贷款赚钱</div>
        </a>
        <div class="line"></div>
        <a class="right-block" href="publicBundle/getProject.mobile.html#6"> 
            <div class="ico"><img src="image/product_ico_6.jpg"></div>
            <div class="title">优惠买房</div>
            <div class="info">买车买房赚钱</div>
        </a>
    </div>
  </div>
  <div class="more-product-banner"><a href="/publicBundle/getMoreProject.mobile.html"> <img src="image/more_product_banner.jpg"></a></div>
  <div class="more-product-banner" style="margin-top:0"><a href="/publicBundle/getCrowdFundingList.mobile.html"> <img src="image/zong_cou_banner.jpg"></a></div>
  <div class="contact-platform"> 
      <a class="button" href="/userBundle/uploadFeedBack.mobile.html">我有渠道 合作进入</a>
  </div>
  <div id="wapFooter" class="wap-footer"> 
    <tp-footer title="首页"></tp-footer>
  </div> 
</div>
<script src="js/js/wap_footer.js"></script>
<script src="js/js/rem_fix.js"></script>
<script src="js/js/common.js"></script>

<script type="text/javascript">
  var token=getCookie("userToken");
  //console.log(token)
  // if(!token){
  //   window.location.href="/userBundle/login.mobile.html";
  // }
  var bannerData=[
      {imageUrl:"image/banner1.jpg",url:"/publicBundle/becomeVip.mobile.html"},
      {imageUrl:"image/banner2.jpg",url:"publicBundle/getProject.mobile.html#1"},
      {imageUrl:"image/banner3.jpg",url:"#"}
  ];
  /*不支持a标签*/
   require(["/js/js/vue_swiper.js"], function (VueSwiper) {
  var app = new Vue({
      el: '#wapHomepage',
      components: {
          swiper: VueSwiper
      },
      data: {
          message : "kkff",
          currentName:"首页",
          bannerData:bannerData,
          noticeData:[]
      },
      ready:function(){
        var url="/noice/getNotices ";
        var data={
          page: 1,
          size: 1000000
        };
        pushData(url,data,function(res){
//console.log(res)
          if(res.state){
            this.noticeData=res.data.notices
          }
           
        }.bind(this))
      },
      methods:{
        goUrl:function(url){      
           window.location.href=url;
        
        }

      }
    });
});
</script>
<script type="text/javascript">
  var area = document.getElementById('moocBox');
  var con1 = document.getElementById('con1');
  var con2 = document.getElementById('con2');
  var speed = 80;
  area.scrollTop = 0;
  con2.innerHTML = con1.innerHTML;
  function scrollUp(){ if(area.scrollTop >= con1.scrollHeight) {   area.scrollTop = 0; }else{    area.scrollTop ++; //向上滚动 
  } }
  var myScroll = setInterval("scrollUp()",speed);
  area.onmouseover = function(){  clearInterval(myScroll);}
  area.onmouseout = function(){  myScroll = setInterval("scrollUp()",speed);}
  </script>
</body>
</html>